// 标题
.nav .title{
  margin-left: 10rpx;
}
.nav{
    border-bottom: 1rpx solid #F5F5F5;
}
.boxPad{
    padding: 20rpx 30rpx;
    position: relative;
}

.nameBox{
    min-height: 80rpx;
    .imgBox{
        width: 80rpx;
        height: 80rpx;
        border-radius: 40rpx;
        overflow: hidden;
        image{
            width: 100%;
            height: 100%;
        }
    }
    .empty{
        width: 10rpx;
    }
    .info{
        flex: 1;
        position: relative;
        .infoBox{
            width: 100%;
        }
        .title{
            font-size: 32rpx;
            color: #333;
            line-height: 32rpx;
			.mark{
				display: inline-block;
				font-size: 24rpx;
				color: white;
				width: 140rpx;
				height: 32rpx;
				line-height: 30rpx;
				text-align: center;
				background: linear-gradient(90deg, #6F5A55 0%, #50433F 100%);
				border-radius: 18rpx;
				position: relative;
				padding-right: 20rpx;
				margin-left: 10rpx;
				vertical-align: bottom;
				.iconfont2{
					position: absolute;
					right: 0;
					vertical-align: middle;
					top: 0rpx;
					right: 2rpx;
				    display: inline-block;
				    font-size: 28rpx;
				    transform:rotate(90deg);
				    -ms-transform:rotate(90deg); 	/* IE 9 */
				    -moz-transform:rotate(90deg); 	/* Firefox */
				    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
				    -o-transform:rotate(90deg);
				}
			}
        }
        .content{
            font-size: 26rpx;
            margin-top: 20rpx;
            color: #666;
            line-height: 26rpx;
        }
    }
}
.shopBox{
    min-height: 52rpx;
	position: relative;
	margin-top: 50rpx;
	.title{
		font-size: 28rpx;
		line-height: 28rpx;
	}
	.noUse{
		width: 96rpx;
		height: 32rpx;
		line-height: 32rpx;
		background: rgba(232, 46, 46, 0.08);
		border-radius: 16rpx;
		font-size: 24rpx;
		color: #E82E2E;
		text-align: center;
		margin-left: 30rpx;
	}
	.imgBox{
	    width: 52rpx;
	    height: 52rpx;
	    border-radius: 50%;
	    overflow: hidden;
	    image{
	        width: 100%;
	        height: 100%;
	    }
	}
	.empty{
	    width: 10rpx;
	}
	.changeShop{
		color: white;
		background: linear-gradient(270deg, #F27257 0%, #FB937D 100%);
		width: 176rpx;
		height: 52rpx;
		line-height: 52rpx;
		border-radius: 30rpx;
		text-align: center;
		font-size: 26rpx;
		position: absolute;
		right: 0rpx;
		top: 0;
	}
	.closeTip{
		color: #E82E2E;
		font-size: 24rpx;
		margin-top: 10rpx;
		.iconfont2{
			font-size: 24rpx;
			margin-right: 10rpx;
		}
	}
}
.moneyCard{
    margin-top: 30rpx;
    padding: 30rpx;
    height: 180rpx;
    background: linear-gradient(270deg, #F27257 0%, #FB937D 100%);
    border-radius: 16rpx;
    position: relative;
    color: white;
	.bgImg{
		position: absolute;
		right: 0;
		top: 0;
		width: 246rpx;
		height: 200rpx;
		image{
			width: 100%;
			height: 100%;
		}
	}
    .moneyBox{
        .moneyTitle{
            font-size: 24rpx;
            line-height: 24rpx;
            .iconfont2{
                font-size: 24rpx;
                margin-left: 10rpx;
            }
        }
        .money{
            font-size: 48rpx;
            font-weight: 600;
            margin-top: 20rpx;
            line-height: 48rpx;
        }
    }
    .m-r-60{
        margin-right: 60rpx;
    }
    .moneyTip{
        margin-top: 64rpx;
        line-height: 24rpx;
        font-size: 24rpx;
        .iconfont2{
            font-size: 24rpx;
            margin-right: 10rpx;
        }
    }
    .toGetMoney{
        width: 144rpx;
        height: 52rpx;
        line-height: 52rpx;
        background: #F8AC9D;
        border-radius: 26rpx;
        font-size: 28rpx;
        text-align: center;
        position: absolute;
        right: 20rpx;
        top: 30rpx;	
        .iconfont2{
            display: inline-block;
            margin-left: 2rpx;
            font-size: 28rpx;
            transform:rotate(90deg);
            -ms-transform:rotate(90deg); 	/* IE 9 */
            -moz-transform:rotate(90deg); 	/* Firefox */
            -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
            -o-transform:rotate(90deg);
        }
    }
}
.dataBox{
    background: #FEFEFE;
    border-radius: 16rpx;
    border: 1rpx solid #EEEEEE;
    margin-top: 30rpx;
    padding: 30rpx 0 20rpx;
	position: relative;
	.dataList{
		margin-bottom: 60rpx;
		.dataItem{
			padding-left: 72rpx;
			width: 50%;
			position: relative;
			.dataTitle{
				color: #999999;
				font-size: 26rpx;
				line-height: 26rpx;
			}
			.dataNum{
				margin-top: 20rpx;
				color: #333;
				font-size: 32rpx;
				line-height: 32rpx;
			}
		}
		.dataLine{
			width: 1rpx;
			height: 40rpx;
			background: #EEEEEE;
		}
	}
	.showMore{
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 100rpx;
		height: 60rpx;
		line-height: 60rpx;
		margin-left: -50rpx;
		text-align: center;
		.iconfont2{
			font-size: 60rpx;
			color: #999999;
		}
	}
}
.noticeList{
	margin-top: 50rpx;
	.diy-notice{
		width: 690rpx;
		height: 80rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 16rpx 0px rgba(51, 51, 51, 0.08);
		border-radius: 40rpx;
		.title{
			width: 28rpx;
			color: #FA6400;
			padding-left: 20rpx;
		}
		.moreNotice{
			width: 46rpx;
			padding-left: 12rpx;
		}
	}
	.tui-swiper {
		font-size: 28rpx;
		height: 60rpx;
		flex: 1;
		.tui-swiper-item {
			display: flex;
			align-items: center
		}
		.tui-news-item {
			line-height: 28rpx;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
}
.shareBox{
	margin-top: 60rpx;
	.shareTitle{
		font-size: 30rpx;
		line-height: 30rpx;
		color: #333333;
	}
	.shareItem{
		height: 130rpx;
		line-height: 130rpx;
		.shareIcon{
			width: 80rpx;
			text-align: center;
			image{
				width: 40rpx;
				height: 40rpx;
			}
		}
		.shareContent{
			flex: 1;
			height: 100%;
			font-size: 28rpx;
			color: #333;
			.shareBut{
				width: 112rpx;
				height: 40rpx;
				line-height: 40rpx;
				text-align: center;
				color: #F27257;
				border-radius: 24rpx;
				border: 1rpx solid #F27257;
			}
		}
		.share_b{
			border-bottom: 1rpx solid #EEEEEE;
		}
	}
}

.tui-drawer-box {
    width: 580rpx;
    font-size: 24rpx;
    overflow: hidden;
    position: relative;
    padding-bottom: 100rpx;
    .topSpan{
        height: 100rpx;
    }
}
.tui-attr-safearea {
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: env(safe-area-inset-bottom);
}
.tui-drawer-btn {
    width: 176rpx;
    margin-right: 20rpx;
    text-align: center;
    height: 64rpx;
    border-radius: 30rpx;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
.tui-drawerbtn-black {
    border: 1rpx solid #E82E2E;
    color: #E82E2E;
}

.tui-drawerbtn-primary {
    background: #E82E2E;
    color: #fff;
}
.drawerTitle{
	height: 88rpx;
	line-height: 88rpx;
	padding-left: 40rpx;
	font-size: 32rpx;
	color: #333;
	margin-bottom: 48rpx;
}
.drawerList{
	.drawerItem{
		padding: 20rpx 40rpx;
		background: #F8F8F8;
		margin-bottom: 40rpx;
		border-top: 1rpx solid #F8F8F8;
		border-bottom: 1rpx solid #F8F8F8;
		position: relative;
		.shopImg{
			width: 48rpx;
			height: 48rpx;
			image{
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
		}
		.drawerShopName{
			margin-left: 10rpx;
		}
		.drawerItemContent{
			margin-top: 20rpx;
			.drawerItemTitle{
				font-size: 24rpx;
				color: #666;
				line-height: 24rpx;
			}
			.drawerItemNum{
				font-size: 28rpx;
				color: #333;
				margin-top: 20rpx;
				line-height: 28rpx;
			}
			.drawerLine{
				width: 1rpx;
				height: 32rpx;
				background: #EEEEEE;
			}
		}
		.checkIcon{
			position: absolute;
			right: 0;
			top: 0;
			color: #E82E2E;
		}
	}
	.drawerActiveItem{
		background: white;
		border-top: 1rpx solid #EEEEEE;
		border-bottom: 1rpx solid #EEEEEE;
	}
}
.shareImgFixed{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	.shareImgBox{
		position: relative;
		width: 100%;
		height: 870rpx;
		.close{
			position: absolute;
			right: 75rpx;
			top: -82rpx;
			width: 52rpx;
			height: 52rpx;
			.iconfont2{
				font-size: 52rpx;
				color: white;
			}
		}
		.swiperBox{
			width: 100%;
			height: 870rpx;
			.swiperItem{
					width: 600rpx;
					height: 870rpx;
				image{
					width: 600rpx;
					height: 870rpx;
				}
			}
		}
		.shareBut{
			position: absolute;
			left: 50%;
			bottom: -120rpx;
			color: white;
			line-height: 80rpx;
			text-align: center;
			width: 280rpx;
			height: 80rpx;
			border-radius: 42rpx;
			border: 4rpx solid #FFFFFF;
			margin-left: -140rpx;
		}
	}
}